<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Bryce Sunrise
Description: A three-column, fixed-width blog design.
Version    : 1.0
Released   : 20100501

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Proyecto Web GYM</title>
<meta name="keywords" content="" />
<meta name="Bryce Sunrise" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />

<style type="text/css">


.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
	/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:45px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu2 :hover ul.sub li {display:block; height:24px; position:relative; float:left; width:133px; border-bottom:1px solid #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:0; color:#005FB9; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff;}
.menu2 :hover ul.sub li a:hover {background:#E5FAFC; color:#005FB9;}
.menu2 :hover ul.sub li a.fly:hover {background:#E5FAFC 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}
.Estilo1 {
	font-size: 24px;
	color: #FFCC33;
	font-weight: bold;
}
</style>
</head>
<body>
<!-- start header -->
<div id="header">
<div id="menu-bg">
  <div id="menu">
    <ul class="menu2">
      <li class="top"><a href="#" id="Mantenimiento" class="top_link"><span class="down">Mantenimiento </span>
	  <!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
	 <ul class="sub">
	   <li><a href="./registroClientes.htm">Clientes</a></li>
	   <li><a href="./registroPaquetes.htm">Paquetes</a></li>
	   <li><a href="./registroServicios.htm">Servicios</a></li>
	  </ul>
	  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
	  </li>
	  <li class="top"><a href="./registroVentas.htm" id="Venta" class="top_link"><span class="down">Venta </span> </a></li>
      <li class="top"><a href="./reporteVentas.htm" id="Reportes" class="top_link"><span class="down">Reportes </span> </a></li>
      
	  
	  </ul>
     </div>
	  </div>
 </div>
  
<!-- end header -->
<div id="wrapper">
  <!-- start page -->
  <div id="page">		
    
    <div align="left">
      <!-- start content -->
      <!-- end content -->
      <!-- start sidebars -->
    </div>
    <div id="sidebar1" class="sidebar">
       <table width="384" border="0">
              <tr>
                <td width="400" height="35"><p class="Estilo1">VENTAS</p>
                <p class="Estilo1">&nbsp;</p></td>
    </tr>
                 </table>
  <table width="200" border="0">
  <tr>
    <td><div align="left">
  
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>Local : </p>
        </div></td>
    <td>      
      
      <p>&nbsp;</p>
      <div align="left">
        <select name="select" style="width:150px">
          <option>Miraflores</option>
          <option>Surco</option>
          <option>La Molina</option>
          <option>Los Olivos</option>
        </select>
      </div></td>
      <td><p align="left">Servicios</p>
      <p align="left">Adicionales:</p></td>
      <td rowspan="4" valign="top">
          <div align="right">
              <select name="cboServicio" id="cboServicio" multiple="multiple" style="width:235px;" size="8">
                <option>Karate S/.120.00 - 10:00:00 a 12:00:00 </option>
                <option>Baile  S/.100.00 - 18:00:00 a 20:00:00 </option>
                <option>Sauna  S/.150.00 - 16:00:00 a 18:00:00 </option>
                <option>Yoga   S/.130.00 - 12:00:00 a 14:00:00 </option>
            </select>
          </div>     </td>
  </tr>
  <tr>
    <td><div align="left">
      <p>Paquete:</p>
      </div></td>
    <td>      
      
      <div align="left">
        <select name="select2" style="width:150px">
          <option selected="selected">Premium</option>
          <option>Gold</option>
          <option>Básica</option>
        </select>
</div></td>
  </tr>
  <tr>
    <td><p>N.Horas:</p>      </td>
    <td>
          <input type="text" name="horas" id="horas" />    </td>
    <td></td>
  </tr>
  <tr>
    <td><p align="left">Costo paquete:</p>      </td>
    <td>
          <input type="text" name="cpaquete" id="cpaquete" />    </td>
  </tr>
  <tr>
    <td><div align="left"></div></td>
    <td>&nbsp;</td>
    <td><div align="center">Total:</div></td>
    <td><input type="text" name="costo" id="costo" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><div align="left">Horario del Cliente</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td></td>
    <td colspan="3"><table width="600" border="1">
      <tr>
        <td></td>
		<td>LUNES</td>
        <td>MARTES</td>
        <td>MIERCOLES</td>
        <td>JUEVES</td>
        <td>VIERNES</td>
        <td>SABADO</td>
        <td>DOMINO</td>
      </tr>
      <tr>
        <td>7 - 9 </td>
        <td>&nbsp;</td>
        <td><div id="divHorarioMi1"><p align="center">Karate
			<br>
			7:00 - 9:00 </p>
			</div>		</td>
        <td>&nbsp;</td>
        <td><div id="divHorarioMi1"><p align="center">Karate
			<br>
			7:00 - 9:00 </p>
			</div>		</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>9 - 11</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>11 - 13 </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>14 - 16 </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>16 - 18 </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>18 - 20 </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
      <p>&nbsp;</p>
        <table >
            <tr>
            <td>
              Dni:
            </td>
            <td>
              <input type="text" id="txtDNI" />

            </td>
            <td>
              <p>Nombre:</p></td>
            <td><p align="left">
                <label>
                    <input type="text" id="txtNombre" disabled/>
                </label>
              </p>
            </td>
			<td>&nbsp;
            </td>
            <td>
              <input type="button" value="Verificar Cliente" class="boton" style="width:150px" onclick="alert('Cliente no registrado')"/></td>
            <td>
				<input type="button"  value="Registrar Cliente" class="boton" style="width:150px" onclick="javascript: window.location = './registroClientes.htm'"/>
			  </td>
          </tr>
        </table>

    </div>
   
    <!-- end sidebars -->
    <div style="clear: both;">
      </div>
  </div>
  <!-- end page -->
  <div align="center">
    <input type="submit" name="Submit3" value="Registrar" class="boton"/>
    <input type="submit" name="Submit1" value="Grabar" class="boton"/>	
    <input type="submit" name="Submit2" value="Cancelar" class="boton"/>
  </div>
</div>
<div id="footer">
  <div id="footer-content">
   
  </div>
</div>
</body>
</html>
